{% block content %}
<ul>
	<div  class="scroll-pane"><!--for scolling-->
		<li><a href="#">All Vehicles</a>
			<ul>
				<div  class="scroll-pane"><!--for scolling-->
					{% for v in vehicle_list %}
					<div class="vehicle"  id="{{ v.slug }}" vehicle_id="{{ v.id }}">
						<li><a href="#" class="vehicle_name">{{ v.name }}</a>
							<ul>
								<li><a href="#" class="select_vehicle">Select Vehicle</a></li>
								<li><a href="#">Position x:<span class="position_x">12</span>, y:<span class="position_y">15</span></a></li>					
								<li><a href="#">Tag Vehicle</a></li>
							</ul>
						</li>
					</div>
					{% endfor %}
				</div>
			</ul>
		</li>
		<li><div class="vehicles_selection">
			<a href="#">Selected Vehicles</a>
			<ul>
				<div  class="scroll-pane"><!--for scolling-->
					<li><a href="#" class="deselect_all_vehicles">Deselect All</a></li>
					{% for v in vehicle_list %}
					<div class="vehicle" id="{{ v.slug }}" vehicle_id="{{ v.id }}">
						<li><a href="#" class="vehicle_name">{{ v.name }}</a>
							<ul>
								<li><a href="#" class="select_vehicle">Deselect Vehicle</a></li>
								<li><a href="#">Position x:<span class="position_x">12</span>, y:<span class="position_y">15</span></a></li>					
								<li><a href="#">Tag Vehicle</a></li>
							</ul>
						</li>
					</div>
					{% endfor %}
				</div>
			</ul>
			</div>
		</li>
	</div>
</ul>
{% endblock %}
